import styled from "styled-components";

export const MapStyle = styled.div`
z-index: 2222;
position: fixed;
height: calc(100vh - 2.8rem);
left: 0;
right: 0;
top: 0;
bottom: 0;
background: white;
padding-top: 2.8rem;
  .back {
    position: absolute;
    top: 0;
    align-items: center;
    margin: 0.8rem 0 0 1rem;
    svg {
        width: 1.2rem;
        height: 1.2rem;
    }
}
  .search {
    position: absolute;
    top: 4rem;
    left: 2rem;
    width: 17rem;
    height: 1.8rem;
    background: rgba(0, 0, 0, 0.2);

    border-radius: 1rem;
    z-index: 1;
    svg {
      width: 0.8rem;
      height: 0.8rem;
      margin-left: 0.8rem;
      margin-top: 0.5rem;
    }
    input {
      width: 13.8rem;
      margin-left: 0.5rem;
      border: none;
      background: none;
      outline: none;
    }
  }
`;
